<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

	<rich:modalPanel id="lessonTestMD" autosized="true" height="400" width="500">
		<f:facet name="header">
			<h:outputText value="#{messages['lesson.test.title']}" />
		</f:facet>
		<a4j:outputPanel>
			<a4j:form id="testForm">
				<rich:panel style="width:100%; height:100%;">
					<h:panelGrid columns="1" style="width:100%; height:100%;">
						<h:outputText value="pole 1:" />
						<h:inputTextarea value="#{testAction.testStr1}" row="4" 
							style="width:100%; color: Black; background: White;" disabled="true"/>
					
						<h:outputText value="pole 2:" />
						<h:inputTextarea value="#{testAction.inputStr}" row="4"  
							style="width:100%; color: Black; background: White;" />
					
						<a4j:commandButton value="#{messages['lesson.test.show.result']}"
							action="#{testAction.showResult()}" style="width:120px"
							reRender="testForm" immediate="true">
						</a4j:commandButton>
						
						<h:outputText value="pole 3:" />
						<h:inputTextarea value="#{testAction.testStr2}" row="4"  
							style="width:100%; color: Black; background: White;" disabled="true"/>
						
					</h:panelGrid>
					
					<h:panelGrid columns="6" style="width:100%">
						<a4j:commandButton value="#{messages['button.test.1']}"
							action="#{testAction.mark_1()}" reRender="testForm" style="width:100%">
						</a4j:commandButton>

						<a4j:commandButton value="#{messages['button.test.2']}"
							action="#{testAction.mark_2()}" reRender="testForm" style="width:100%">
						</a4j:commandButton>

						<a4j:commandButton value="#{messages['button.test.3']}"
							action="#{testAction.mark_3()}" reRender="testForm" style="width:100%">
						</a4j:commandButton>

						<a4j:commandButton value="#{messages['button.test.4']}"
							action="#{testAction.mark_4()}" reRender="testForm" style="width:100%">
						</a4j:commandButton>

						<a4j:commandButton value="#{messages['button.test.5']}"
							action="#{testAction.mark_5()}" reRender="testForm" style="width:100%">
						</a4j:commandButton>

						<a4j:commandButton value="#{messages['button.test.6']}"
							action="#{testAction.mark_6()}" reRender="testForm" style="width:100%">
						</a4j:commandButton>
					</h:panelGrid>					
				</rich:panel>

				<div class="button_panel" style="text-align:right;">
					<!-- BUTTON - END TESTING -->
					<a4j:commandButton value="#{messages['lesson.test.button.end.test']}"
						action="#{lessonsAction.endTesting()}"
						onclick="Richfaces.hideModalPanel('lessonTestMD');"
						reRender="lessonGridForm" immediate="true">
					</a4j:commandButton>
				</div>
			</a4j:form>
		</a4j:outputPanel>
	</rich:modalPanel>
</ui:composition>